const { defineConfig } = require('@vue/cli-service')
const { options } = require('less')
const path = require('path')
module.exports = defineConfig({
    transpileDependencies: true,
    // # 这个是给webpack-dev-server开启可IP和域名访问权限
    // chainWebpack: config => {
    //     config.devServer.disableHostCheck(true)
    // },
    // // publicPath: './',
    // devServer: { // 自定义服务配置
    //     // open: true,
    //     // port: 8080,
    //     static: './public'
    // },

    // 关闭eslint检查
    lintOnSave: false,
    // 跳过检查host
    devServer: {
        historyApiFallback: true,
        allowedHosts: "all"
    },
    // # 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包。
    configureWebpack: {
        externals: {
            qc: 'QC'
        }
    },

    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                path.join(__dirname, './src/assets/styles/variables.less'),
                path.join(__dirname, './src/assets/styles/mixins.less')
            ]
        }
    },
    // // 这个是给webpack-dev-server开启可IP和域名访问权限。
    // chainWebpack: config => {
    //     config.devServer.disableHostCheck(true)
    // }

    // 配置10kb以下的图片打包成base64的格式
    // chainWebpack: config => {
    //     config.module
    //         .rule('images')
    //         .use('url-loader')
    //         .loader('url-loader')
    //         .tap(options => Object.assign(options, { limit: 10000 }))
    // }
})